<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>网易音乐人 - 欢迎所有音乐妄想</title>
    <link rel="stylesheet" href="./lib/reset/reset.css">
    <link rel="stylesheet" href="./css/conmom.css">
    <link rel="stylesheet" href="./sass/musician.css">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
</head>

<body>
    <!-- 1 头部 -->
    <header>
        <div class="header-top">
            <a href="./index.html" class="header-top-logo"><img src="./images/Snipaste.png" alt=""></a>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">诗词创作大赛</a></li>
                <li><a href="#">个人中心</a></li>
                <li><a href="#">常见问题</a></li>
            </ul>
            <div class="header-top-right">
                <a href>加入音乐人</a>
                您还未登录,请先
                <a href="#">登录</a>
            </div>
        </div>
    </header>

    <!-- 主体 -->
    <main>
        <!-- 1 -->
        <div class="img-1" id="tu1">
            <div class="container">
                <div class="main-top"><a href="#">现在加入</a></div>
                <div class="main-centre"><a href="#">I'm Not Chinese Artist ></a></div>
                <div class="main-bottom">
                    <a href="#"></a>
                    <a href="#"></a>
                    <a href="#"></a>
                </div>
            </div>
            <ul>
                <a href="#tu1">
                    <li></li>
                </a>
                <a href="#tu2">
                    <li></li>
                </a>
                <a href="#tu3">
                    <li></li>
                </a>
                <a href="#tu4">
                    <li></li>
                </a>
                <a href="#tu5">
                    <li></li>
                </a>
                <a href="#tu6">
                    <li></li>
                </a>
                <a href="#tu7">
                    <li></li>
                </a>
            </ul>
        </div>

        <!-- 2 -->
        <div class="img-2" id="tu2">
            <div class="container">
                <div class="img-2-top">自助式作品管理</div>
                <div class="img-2-bottom">
                    <!-- 1 -->
                    <div class="img-2-bottom-sj">
                        <img src="./images/xz01.png" alt="">
                        <H3>绿色通道，快速发布</H3>
                        <P>专属上传通道，发布即上线，<br>让您的作品第一时间和粉丝见面</P>
                    </div>
                    <!-- 2 -->

                    <div class="img-2-bottom-sj">
                        <img src="./images/xz02.png" alt="">
                        <H3>透明、直观的数据报表</H3>
                        <P>每日更新作品数据、粉丝数据，<br>帮助您更好的运营自己</P>
                    </div>
                    <!-- 3 -->
                    <div class="img-2-bottom-sj">
                        <img src="./images/xz03.png" alt="">
                        <H3>简单易用的作品管理</H3>
                        <P>&nbsp;&nbsp;&nbsp;&nbsp;从封面、曲风到歌词编辑，<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;强大又好用的作品管理</P>
                    </div>
                </div>
            </div>
        </div>

        <!-- 3 -->
        <div class="img-3" id="tu3">
            <div class="container">
                <h2>多维度曝光</h2>
                <p class="img-3-top">您安心做好音乐,剩下的交给我们</p>
                <div class="img-3-bottom">
                    <ul>
                        <li>
                            <p>赵雷《无法长大》销量破20万，创独立音乐全网新标杆</p>
                            <span>2017-02</span>
                        </li>
                        <li>
                            <p>赵雷《无法长大》销量破20万，创独立音乐全网新标杆</p>
                            <span>2017-02</span>
                        </li>
                        <li>
                            <p>赵雷《无法长大》销量破20万，创独立音乐全网新标杆</p>
                            <span>2017-02</span>
                        </li>
                        <li>
                            <p>赵雷《无法长大》销量破20万，创独立音乐全网新标杆</p>
                            <span>2017-02</span>
                        </li>
                        <li>
                            <p>赵雷《无法长大》销量破20万，创独立音乐全网新标杆</p>
                            <span>2017-02</span>
                        </li>
                        <li>
                            <p>赵雷《无法长大》销量破20万，创独立音乐全网新标杆</p>
                            <span>2017-02</span>
                        </li>
                        <li>
                            <p>赵雷《无法长大》销量破20万，创独立音乐全网新标杆</p>
                            <span>2017-02</span>
                        </li>
                        <li>
                            <p>赵雷《无法长大》销量破20万，创独立音乐全网新标杆</p>
                            <span>2017-02</span>
                        </li>
                        <li>
                            <p>赵雷《无法长大》销量破20万，创独立音乐全网新标杆</p>
                            <span>2017-02</span>
                        </li>
                    </ul>
                </div>
                <p class="img-3-zuix">从线上的专属主页、原创榜单、歌曲推荐，到线下的Live巡演，专辑制作、资金支持，<br>
                    我们倾尽全力为有实力的原创音乐人提供一系列推广扶持计划，只希望您可以更专注于做好音乐。</p>
            </div>
        </div>
        <!-- 4 -->
        <div class="img-4" id="tu4">
            <div class="container">
                <h2>丰富的变现模式</h2>
                <p class="img-4-p">除了加入会员项目、售卖数字专辑外，您还可以通过开通赞赏、售卖周边获取额外收入</p>
                <div class="img-4-box">
                    <ul>
                        <li>
                            <p>专辑累计销量87487张</p>
                        </li>
                        <li>
                            <p>专辑累计销量227785张</p>
                        </li>
                        <li>
                            <p>专辑累计销量127768张</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 5 -->
        <div class="img-5" id="tu5">
            <div class="container">
                <h2>业内首创音乐人指数</h2>
                <p>“音乐人指数是网易云音乐针对音乐人推出的一项综合指标，以直观的
                    <br>
                    分数形式体现音乐人在平台上的影响力，指数越高，享受的权益也越多”
                </p>
                <a href="#"></a>
            </div>
        </div>

        <!-- 6 -->
        <div class="img-6" id="tu6">
            <div class="container">
                <h2>只需三步轻松成为网易音乐人</h2>
                <p>想要成为网易音乐人很简单，只要按照下面的介绍完成三个步骤的操作，我们承诺会在工作日24小时内完成审核！</p>
                <ul>
                    <li>
                        <p>第一步</p>
                        <p>阅读协议</p>
                        <span class="img-6-i-1"></span>
                        <p class="img-6-p-bottom">
                            "由专业的法务团队提供合作协议
                            <br>
                            并将其中关于版权的部分着重显示
                            <br>
                            您关心的，我们也最为珍惜"
                        </p>
                    </li>
                    <li>
                        <p>第二步</p>
                        <p>提交资料</p>
                        <span class="img-6-i-1"></span>
                        <p class="img-6-p-bottom">
                            "提供您的基本信息
                            <br>
                            以便验明真身，获得更好的服务
                            <br>
                            我们不会将信息透露给任何第三方"
                        </p>
                    </li>
                    <li>
                        <p>第三步</p>
                        <p>等待审核</p>
                        <span class="img-6-i-1"></span>
                        <p class="img-6-p-bottom">
                            "承诺24小时内完成审核
                            <br>
                            我们和您一样讨厌等待
                            <br>
                            尤其是激动人心的时刻到来之前"
                        </p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 7 -->
        <div class="img-7" id="tu7">
            <div class="container">
                <h2>我们在这里等您</h2>
                <p>入驻音乐人80000+ 上传作品数1200000+s</p>
                <ul>
                    <!-- 1 -->
                    <li>
                        <a href="#">
                            <div class="img-7-box">
                                <img src="./images/1x09951163552619098.jpg" alt="">
                                <div class="img-7-box-shou">
                                    <p>
                                        粉丝: 96万
                                        <br>
                                        作品: 220首
                                    </p>
                                </div>
                            </div>
                            <p>伦丧</p>
                        </a>
                    </li>


                    <li><a href="#">
                            <div class="img-7-box"><img src="./images/1xx09951164459663189.jpg" alt="">
                                <div class="img-7-box-shou">
                                    <p>
                                        粉丝: 96万
                                        <br>
                                        作品: 220首
                                    </p>
                                </div>
                            </div>
                            <p>王以太</p>
                        </a></li>
                    <li><a href="#">
                            <div class="img-7-box"><img src="./images/1xxx09951164368167803.jpg" alt="">
                                <div class="img-7-box-shou">
                                    <p>
                                        粉丝: 96万
                                        <br>
                                        作品: 220首
                                    </p>
                                </div>
                            </div>
                            <p>福克斯</p>
                        </a></li>
                    <li><a href="#">
                            <div class="img-7-box"><img src="./images/1xxxx09951164074489741.jpg" alt="">
                                <div class="img-7-box-shou">
                                    <p>
                                        粉丝: 96万
                                        <br>
                                        作品: 220首
                                    </p>
                                </div>
                            </div>
                            <p>AY楊佬叁</p>
                        </a></li>
                    <li><a href="#">
                            <div class="img-7-box">
                                <img src="./images/3xxxxx234763209015144.jpg" alt="">
                                <div class="img-7-box-shou">
                                    <p>
                                        粉丝: 96万
                                        <br>
                                        作品: 220首
                                    </p>
                                </div>
                            </div>
                            <p>河图</p>
                        </a></li>
                    <li><a href="#">
                            <div class="img-7-box">
                                <img src="./images/1xxxxxx09951164366684991.jpg" alt="">
                                <div class="img-7-box-shou">
                                    <p>
                                        粉丝: 96万
                                        <br>
                                        作品: 220首
                                    </p>
                                </div>
                            </div>
                            <p>小魂</p>
                        </a></li>
                </ul>
            </div>
        </div>
    </main>
</body>

</html>